<!--继承blog/base.html文件-->
{% extends "blog/base.html" %}

 <!--加载自定义标签-->
 {%load blog_tags%}

<!--使用此处标题块内容替换blog/base.html文件中标题块-->
{% block title %}{{post.title}}{% endblock %}
<!--使用此处内容块代码替换blog/base.html文件中内容块-->
{% block content %}
<h1>{{post.title}}</h1>
<p class="date">
    Published {{ post.publish }} by {{ post.author }}
</p>
{{ post.body|markdown }}

<!--增加分享文章链接，链接地址自动根据路由名称生成-->
<p>
    <a href="{% url "blog:post_share" post.id %}">分享</a>
</p>


<!-- 显示相似文章-->
<!-- 标题-->
<h2>相似文章</h2>
<!--对于每篇相似文章，显示其标题并变为链接支持跳转-->
{% for post in similar_posts %}
<p>
    <a href="{{post.get_absolute_url}}">{{post.title}}</a>
</p>
<!--若没有相似文章显示如下内容-->
{% empty %}
 没有相似文章。
{% endfor %}



<!-- 显示评论总数-->
<!-- with 标签的作用是对变量进行重命名-->
{% with comments.count as total_comments %}
<h2>
    {{total_comments}}个评论
</h2>
{%endwith%}
<!--遍历所有评论信息并显示-->
{%for comment in comments%}
<div class="comment">
    <p class="info">4
        <!-- forloop.counter自动生成循环元素的序号-->
        评论{{forloop.counter}}，{{comment.name}}评论于：
        {{comment.created}}
    </p>
    {{comment.body|linebreaks}}
</div>
<!--如果没有评论，显示如下信息-->
{% empty %}
<p>还没有评论……</p>
{% endfor %}
<!--如果是新评论，提示你已经评论-->
{% if new_comment %}
<h2>您已评论！</h2>
<!--否则显示添加新评论并显示评论表单-->
{% else %}
<h2>评论</h2>
<form method="post">
    <!--根据后端评论表单自动生成前端评论表单-->
    {{comment_form.as_p}}
    {%csrf_token%}
    <p>
        <input type="submit" value="评论">
    </p>
</form>
{% endif %}

{% endblock %}